    <!-- 资产管理 -->
    <div class="pannel">
        <div class="pannel-head">
            <p>
                <span class="title">资产管理</span>
                <span class="count">存活IP数量( <font style="color: #00A4FF;">1220</font> ), 资产数(<font
                        style="color: #00A4FF;">1220</font>), 开放端口数量(<font style="color: #00A4FF;">1220</font>)</span>
            </p>
        </div>
        <div class="pannel-body">
            <div class="pannel-filter">
                <div class="pannel-filter-left">
                    <nz-select style="width: 120px" [(ngModel)]="pages.enterprise">
                        <nz-option nzValue="" nzLabel="全部企业"></nz-option>
                        <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                        <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
                    </nz-select>
                    <nz-select style="width: 120px" [(ngModel)]="pages.area">
                        <nz-option nzValue="" nzLabel="全市"></nz-option>
                        <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                        <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
                    </nz-select>
                </div>
                <div class="pannel-filter-right">
                    <nz-input-group [nzSuffix]="suffixIconSearch">
                        <input type="text" nz-input placeholder="请输入企业名称" />
                    </nz-input-group>
                    <ng-template #suffixIconSearch>
                        <i nz-icon type="search"></i>
                    </ng-template>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间图表 -->
    <div nz-row style="margin-top: 10px;">
        <!-- 左列表 -->
        <div nz-col [nzSpan]="7">
            <!-- 组件树 -->
            <nz-card nzTitle="存活IP" [nzExtra]="extraTemplate">
                <div class="zj">
                    <div class="title">组件</div>
                    <nz-tree [nzData]="nodes" nzDraggable nzBlockNode (nzOnDrop)="nzEvent($event)"> </nz-tree>
                </div>
                <div class="zj">
                    <div class="title">端口</div>
                    <div nz-row style="padding: 10px;" *ngFor="let data of postList" >
                        <div nz-col [nzSpan]="20">{{data.title}}</div>
                        <div nz-col [nzSpan]="4">{{data.num}}</div>
                    </div>
                </div>
            </nz-card>
        </div>
        <!-- 右列表 -->
        <div nz-col [nzSpan]="16" class="s-right">
            <!-- 1 -->
            <div nz-row class="line">
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'总企业数'"></nz-statistic>
                </nz-col>
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'重点单位'"></nz-statistic>
                </nz-col>
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'IP扫描接通数'"></nz-statistic>
                </nz-col>
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'IP扫描失败数'"></nz-statistic>
                </nz-col>
                <nz-col [nzSpan]="4">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'IP接通率'"></nz-statistic>
                </nz-col>
            </div>
            <!-- 2 -->
            <div nz-row class="line">
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'总资产数'"></nz-statistic>
                </nz-col>
                <nz-col [nzSpan]="5">
                    <nz-statistic [nzValue]="'2534 个'" [nzTitle]="'组件数'"></nz-statistic>
                </nz-col>
            </div>

            <div class="echart-body">
                <div style="width: 600px;" id="myChart" echarts [options]="option"></div>
                <div style="width: 500px;" id="mgChart" echarts [options]="mgOption"></div>
            </div>
        </div>
    </div>
    <!-- 资产风险排行TOP5 -->
    <div class="cade">
        <h1>资产风险排行TOP5</h1>
        <nz-table class="pannel-body-table" [nzData]="dataList" [nzLoading]="tableLoading" >
            <thead>
                <tr>
                    <th>企业名称</th>
                    <th>负责人</th>
                    <th>安全负责人</th>
                    <th>联系电话</th>
                    <th>联系邮箱</th>
                    <th>地址</th>
                    <th>资产数</th>
                    <th>漏洞数</th>
                    <th>违规整改</th>
                    <th>通报数</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of dataList" (click)="selectThis(data)"
                    [ngClass]="{active:data.id === selectRow.id}">
                    <td><img src="../../../../assets/img/icon-star.png" />{{ data.loginId }}</td>
                    <td>{{ data.contactName }}</td>
                    <td>{{ data.contactTel }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>{{ data.createTime }}</td>
                    <td>
                        <nz-tag *ngIf="data.status === 'Y'" [nzColor]="'#87d068'">启用</nz-tag>
                        <nz-tag *ngIf="data.status !== 'Y'" [nzColor]="'#f50'">禁用</nz-tag>
                    </td>
                    <td><a (click)="updateUser(data)" style="margin-right: 8px;">修改</a><a>删除</a></td>
                </tr>
            </tbody>
        </nz-table>
        <!-- <ng-template #totalTemplate let-total> 共{{ total }}条</ng-template> -->
    </div>